<link rel="stylesheet" href="./node_modules/swiper/swiper-bundle.min.css">
<script src="./node_modules/swiper/swiper-bundle.min.js"></script>

<div class="top">
  <div>
    <div>
      <h2>今日热门视频菜谱</h2>
      <a href="?p=video">更多视频菜谱</a>
    </div>
    <ul>
      <!-- <li>
        <video src=""></video>
        <div>
          <i style="background-image: url(./assets/img/979.png);"></i>
          <strong></strong>
        </div>
      </li> -->
    </ul>
  </div>
</div>

<div class="main">
  <div class="box">
    <div>
      <!-- css推荐把多个单词用 - 间隔 -->
      <div class="today-hot">
        <h2>今日热搜</h2>
        <ul>
          <!-- <li><a href="?p=search&kw=补水保湿">补水保湿</a></li> -->
        </ul>
      </div>
      <div class="today-meal">
        <div>
          <h2>今日三餐</h2>
          <ul>
            <!-- <li></li> -->
          </ul>
        </div>

        <div class="swiper">
          <div class="swiper-wrapper">
            <!-- <div class="swiper-slide">
              <img src="" alt="">
              <strong></strong>
              <p></p>
            </div> -->
          </div>
        </div>
      </div>
    </div>

    <div>
      <img class="bg" src="./assets/img/index/66.jpg" alt="">
      <div>
        <strong>让吃饭变简单</strong>
        <p>msgc.xin88.top</p>
      </div>
      <img class="hand" src="/assets/img/index/55.png" alt="">
    </div>
  </div>

  <div class="index-items">
    <!-- <h2>标题</h2>
    <ul>
      <li>
        <img src="" alt="">
        <strong></strong>
        <p></p>
      </li>
    </ul> -->
  </div>
</div>